* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}

li {
    list-style: none;
}
body, button, input, select, textarea {
    font: 14px/1 Arial,"Microsoft YaHei","\5B8B\4F53",arial,tahoma,sans-serif;
}


html {
    color: #171717;
    background: #fff;
}
@color:red;
//头部
#top {
    width: 100%;
    height: 30px;
    color: #818181;
    background: #F7F7F7;
    line-height: 30px;
    ul {
        li:hover{
            color: @color;
        }
        .shu{
            float: right;
            margin-right: 10px;
        }
        .myshop {
            margin-right: 10px;
        }
        .yijian {
            margin-right: 0;
        }
        .qczj {
            float: left;
        }
        .guanzhu {
            margin-right: 10px;
        }
        width: 1170px;
        height: 30px;
        margin: 0 auto;
        li {
            font-size: 12px;
            line-height: 30px;
            float: right;
            margin-right: 10px;
        }
    }
}
//头部结束
//大盒子
#box{
    margin: 0 auto;
    width: 1170px;
    //  搜索开始
    #search {
        .gouwu{
            width: 141px;
            height: 36px;
            background: #F9F9F9;
            float: left;
            text-align: center;
            line-height: 36px;
            margin-top: 8px;
            margin-left: 130px;
            font-size: 12px;
            color: #666666;
            border: 1px solid #DFDFDF;
            .shuzi{
                width: 16px;
                height: 14px;
                border-radius: 7px 7px 7px 0;
                background: #c81623;
                margin-left: -34px;
                position: absolute;
                top: 48px;
                left: 1142px;
                line-height: 14px;
                color: white;
                font-style: normal;
                text-align: center;
            }
            .dayu{
                position: absolute;
                top: 58px;
                left: 1009px;
                width: 7px;
                height: 13px;
                margin-left: 123px;
                line-height: 13px;
                color: #666666;
                font: 400 13px/13px simsun;
            }
            .gw_tp{
                top: 56px;
                left: 1010px;
                position: absolute;
                /* border: 1px solid red; */
                width: 18px;
                height: 16px;
                background: url(../imgs/jd2015img.png) 0 -58px no-repeat;
            }
        }
        .tupian{
            float: left;
        }
        #search_in{
                .sousuo{
    
                    width: 90px;
                    height: 34px;
                    line-height: 33px;
                    display: inline-block;
                    background-color: #ea3c1f;
                    font-size: 16px;
                    color: white;
                    text-align: center;
                    margin-top: 2px;
                }
                input{
                    width: 248px;
                    height: 31px;
                    border: solid 2px #EA3C1F;
                }
                float: left;
                margin-left: 511px;
                line-height: 50px;
                
            }
        margin-top: 8px;
        width: 1170px;
        height: 50px;
    }
//  搜索结束
    //  分类导航
    #category{
        width: 1170px;
        height: 40px;
        margin-top: 10px;
        
        ul{
            width: 1170px;
            height: 40px;
            background: #344156;
            .first{
                width: 228px;

                padding-left: 12px;
                background-color: rgb(234, 60, 31);
            }
            .second{
                width: 108px;

                text-align: center;
            }
            .three{
                width: 124px;

                text-align: center;
            }
            .four{
                width: 140px;
                text-align: center;
            }
            li:hover{
                background: #748299;
            }
            li{
                float: left;
                color: white;
                font-size: 16px;
                font-weight: 700;
                line-height: 40px;

            }
        }
    }
//  导航结束
//  购物车
    .gwc{
        width: 1169px;
        height: 100%;

        li{
            float: left;
            width: 140px;
            height: 48px;
            text-align: center;
            line-height: 48px;
            border-bottom: 1px solid #D3D3D3;
            border-right: 1px solid #D3D3D3;
            
        }
        .allsp{
            width: 600px;
            height: 48px;
            border-left: 1px solid #D3D3D3;
        }
    } 
    .jianjie{
        width: 1169px;
        height: 100%;
        float: left;
      
        ul{
            .delete{
                a:hover{
                    color: @color;
                }
                a{
                    color: black;
                }
            }
            
            li{
                width: 140px;
                float: left;
                text-align: center;
                line-height: 127px;
                border-bottom: 1px solid #D3D3D3;
                border-right: 1px solid #D3D3D3;
                .wenzi{
                    width: 425px;
                    height: 30px;
                    display: block;
                    float: left;
                    color: black;
                    margin-top: -10px;
                }
                img{
                    display: block;
                    float: left;
                }
            }
            .jianjie-li{
                width: 600px;
                border-left: 1px solid #D3D3D3;
            }
        }
    }
    .jiesuan{
        width: 1168px;
        height: 50px;
        float: left;
        border: 1px solid #D3D3D3;
        ul{
            .beijing{
                background: #e54346;
                color: white;
            }
            .lingjian{
                width: 270px;
                margin-left: 428px;
                span{
                    color: @color;
                }
            }
            .beijing:hover{
                color: white;
            }
            li:hover{
                color: @color;
            }
            li{
                float: left;
                width: 84px;
                height: 50px;
                text-align: center;
                line-height: 50px;
                margin-left: 10px;
                color: black;
                label{
                    cursor: pointer;
                }
            }
        }
    }
    
      







































}
//版权
#banquan{
    span{
        font: 14px/1 Arial,"Microsoft YaHei","\5B8B\4F53",arial,tahoma,sans-serif;       
        line-height: 50px;  
        color: #fff;  
        font-size: 12px;                 
    }
    width: 1349px;
    height: 50px;
    background: #272d3c;
    float: left;
    text-align: center;
}
//底部
#footer{
    #footer1{
        .footer_wx{
            img{
                margin-top: 70px;
                margin-left: 250px;
            }
        }
        .footer-chengnuo{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px;                 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;

            margin-top: 69px;
            
        }
        .footer-title{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px;                 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;

            margin-top: 69px;
            
        }
        .footer-link{
            ul{
                margin-top: 32px;
                li{
                    font-size: 12px; 
                    margin-top: 20px;
                    color: #9eb0dc;
                }
            }
            p{
            color: #fff;
            }
            float: left;
            width: 168px;
            height: 172px;
            margin-left: 270px;
            margin-top: 69px;
            
        }
        .footer-line{
            position: absolute;
            left: 310px;
            top: 50%;
            margin-top: -97px;
            height: 194px;
            display: block;
            border-left: 1px solid #465270;
        }
        .footer_logo{
            width: 234px;
            padding: 30px;
            position: absolute;
            top: 43%;
            margin-top: -40px;
            margin-left: 490px;
        }
        width: 1170px;
        height: 250px;
        margin: 0 auto;
    }
    width: 1349px;
    height: 250px;
    background: #2B3243;
    float: left;
    position: relative;
    
}